<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>特效</title>
    <link rel="shortcut icon" type="image/x-icon" href="/bigyi/icon.png">
    <style>
    div.body {
        width: 20px;
        height: 20px;
        background-color: #0086FF;
        border: 1px;
        border-radius: 5px;
        margin: 2px;
    }
    
    div.main {
        width: 680px;
        height: auto;
    }
    
    ul {
        padding: 0;
        list-style: outside none none;
    }
    
    li {
        float: left;
        list-style: outside none none;
    }
    </style>
    <script>
    window.onload = function() {
        var obtn = document.getElementById("btn");
        var omain = document.getElementById("main");
        var abody = omain.getElementsByTagName("div");
        var r = 15;
        var g = 0;
        var b = 0;
        var n = 0;
        for (var i = 0; i < abody.length; i++) {
            abody[i].onmouseover = function(argument) {
                if (r == 15 && g == 0 && b < 15) {
                    if (g == 10) {
                        g = "a";
                    }
                    if (g == 11) {
                        g = "b";
                    }
                    if (g == 12) {
                        g = "c";
                    }
                    if (g == 13) {
                        g = "d";
                    }
                    if (g == 14) {
                        g = "e";
                    }
                    if (g == 15) {
                        g = "f";
                    }
                    if (r == 10) {
                        r = "a";
                    }
                    if (r == 11) {
                        r = "b";
                    }
                    if (r == 12) {
                        r = "c";
                    }
                    if (r == 13) {
                        r = "d";
                    }
                    if (r == 14) {
                        r = "e";
                    }
                    if (r == 15) {
                        r = "f";
                    }
                    if (b == 10) {
                        b = "a";
                    }
                    if (b == 11) {
                        b = "b";
                    }
                    if (b == 12) {
                        b = "c";
                    }
                    if (b == 13) {
                        b = "d";
                    }
                    if (b == 14) {
                        b = "e";
                    }
                    if (b == 15) {
                        b = "f";
                    }
                    n = n + 1;
                   // alert("颜色1是" + r + g + b);
                    this.style.background = "#" + r + "" + g + "" + b + " ";
                    g = 0;
                    r = 15;
                    b = n;
                } else if (r == 15 && g == 0 && b == 15) {
                    this.style.background = "#f0f";
                    r = 14;
                    g = 0;
                    b = 15;
                    n = 15;

                } else if (r > 0 && g == 0 && b == 15) {
                    if (g == 10) {
                        g = "a";
                    }
                    if (g == 11) {
                        g = "b";
                    }
                    if (g == 12) {
                        g = "c";
                    }
                    if (g == 13) {
                        g = "d";
                    }
                    if (g == 14) {
                        g = "e";
                    }
                    if (g == 15) {
                        g = "f";
                    }
                    if (r == 10) {
                        r = "a";
                    }
                    if (r == 11) {
                        r = "b";
                    }
                    if (r == 12) {
                        r = "c";
                    }
                    if (r == 13) {
                        r = "d";
                    }
                    if (r == 14) {
                        r = "e";
                    }
                    if (r == 15) {
                        r = "f";
                    }
                    if (b == 10) {
                        b = "a";
                    }
                    if (b == 11) {
                        b = "b";
                    }
                    if (b == 12) {
                        b = "c";
                    }
                    if (b == 13) {
                        b = "d";
                    }
                    if (b == 14) {
                        b = "e";
                    }
                    if (b == 15) {
                        b = "f";
                    }
                    n = n - 1;
                   // alert("颜色2是" + r + g + b);
                    this.style.background = "#" + r + "" + g + "" + b + " ";
                    r = n;
                    g = 0;
                    b = 15;
                } else if (r == 0 && g == 0 && b == 15) {
                    this.style.background = "#00f";

                    r = 0;
                    g = 1;
                    b = 15;
                    n = 0;
                } else if (r == 0 && g < 15 && b == 15) {
                    if (g == 10) {
                        g = "a";
                    }
                    if (g == 11) {
                        g = "b";
                    }
                    if (g == 12) {
                        g = "c";
                    }
                    if (g == 13) {
                        g = "d";
                    }
                    if (g == 14) {
                        g = "e";
                    }
                    if (g == 15) {
                        g = "f";
                    }
                    if (r == 10) {
                        r = "a";
                    }
                    if (r == 11) {
                        r = "b";
                    }
                    if (r == 12) {
                        r = "c";
                    }
                    if (r == 13) {
                        r = "d";
                    }
                    if (r == 14) {
                        r = "e";
                    }
                    if (r == 15) {
                        r = "f";
                    }
                    if (b == 10) {
                        b = "a";
                    }
                    if (b == 11) {
                        b = "b";
                    }
                    if (b == 12) {
                        b = "c";
                    }
                    if (b == 13) {
                        b = "d";
                    }
                    if (b == 14) {
                        b = "e";
                    }
                    if (b == 15) {
                        b = "f";
                    }
                    n = n + 1;
                   // alert("颜色3是" + r + g + b);
                    this.style.background = "#" + r + "" + g + "" + b + " ";
                    g = n;
                    r = 0;
                    b = 15;
                } else if (r == 0 && g == 15 && b == 15) {
                    this.style.background = "#0ff";
                    r = 0;
                    g = 15;
                    b = 14;
                    n = 15
                } else if (r == 0 && g == 15 && b > 0) {
                    if (g == 10) {
                        g = "a";
                    }
                    if (g == 11) {
                        g = "b";
                    }
                    if (g == 12) {
                        g = "c";
                    }
                    if (g == 13) {
                        g = "d";
                    }
                    if (g == 14) {
                        g = "e";
                    }
                    if (g == 15) {
                        g = "f";
                    }
                    if (r == 10) {
                        r = "a";
                    }
                    if (r == 11) {
                        r = "b";
                    }
                    if (r == 12) {
                        r = "c";
                    }
                    if (r == 13) {
                        r = "d";
                    }
                    if (r == 14) {
                        r = "e";
                    }
                    if (r == 15) {
                        r = "f";
                    }
                    if (b == 10) {
                        b = "a";
                    }
                    if (b == 11) {
                        b = "b";
                    }
                    if (b == 12) {
                        b = "c";
                    }
                    if (b == 13) {
                        b = "d";
                    }
                    if (b == 14) {
                        b = "e";
                    }
                    if (b == 15) {
                        b = "f";
                    }
                    n = n - 1;
                   // alert("颜色4是" + r + g + b);
                    this.style.background = "#" + r + "" + g + "" + b + " ";
                    b = n;
                    r = 0;
                    g = 15;
                } else if (r == 0 && g == 15 && b == 0) {
                    this.style.background = "#0f0";
                   // alert("颜色5是" + r + g + b);
                    r = 1;
                    g = 15;
                    b = 0;
                    n = 1;
                } else if (r < 15 && g == 15 && b == 0) {
                    if (g == 10) {
                        g = "a";
                    }
                    if (g == 11) {
                        g = "b";
                    }
                    if (g == 12) {
                        g = "c";
                    }
                    if (g == 13) {
                        g = "d";
                    }
                    if (g == 14) {
                        g = "e";
                    }
                    if (g == 15) {
                        g = "f";
                    }
                    if (r == 10) {
                        r = "a";
                    }
                    if (r == 11) {
                        r = "b";
                    }
                    if (r == 12) {
                        r = "c";
                    }
                    if (r == 13) {
                        r = "d";
                    }
                    if (r == 14) {
                        r = "e";
                    }
                    if (r == 15) {
                        r = "f";
                    }
                    if (b == 10) {
                        b = "a";
                    }
                    if (b == 11) {
                        b = "b";
                    }
                    if (b == 12) {
                        b = "c";
                    }
                    if (b == 13) {
                        b = "d";
                    }
                    if (b == 14) {
                        b = "e";
                    }
                    if (b == 15) {
                        b = "f";
                    }
                    n = n + 1;
                    //alert("颜色6是" + r + g + b);
                    this.style.background = "#" + r + "" + g + "" + b + " ";
                    r = n;
                    g = 15;
                    b = 0;
                } else if (r == 15 && g == 15 && b == 0) {
                    this.style.background = "#ff0"

                    r = 15;
                    g = 14;
                    b = 0
                    n = 15;
                    //alert("颜色7是" + r + g + b);
                } else if (r == 15 && g < 15 && b == 0) {
                    if (g == 10) {
                        g = "a";
                    }
                    if (g == 11) {
                        g = "b";
                    }
                    if (g == 12) {
                        g = "c";
                    }
                    if (g == 13) {
                        g = "d";
                    }
                    if (g == 14) {
                        g = "e";
                    }
                    if (g == 15) {
                        g = "f";
                    }
                    if (r == 10) {
                        r = "a";
                    }
                    if (r == 11) {
                        r = "b";
                    }
                    if (r == 12) {
                        r = "c";
                    }
                    if (r == 13) {
                        r = "d";
                    }
                    if (r == 14) {
                        r = "e";
                    }
                    if (r == 15) {
                        r = "f";
                    }
                    if (b == 10) {
                        b = "a";
                    }
                    if (b == 11) {
                        b = "b";
                    }
                    if (b == 12) {
                        b = "c";
                    }
                    if (b == 13) {
                        b = "d";
                    }
                    if (b == 14) {
                        b = "e";
                    }
                    if (b == 15) {
                        b = "f";
                    }
                    n = n - 1;
                   // alert("颜色8是" + r + g + b);
                    this.style.background = "#" + r + "" + g + "" + b + " ";
                    g = n;
                    r = 15;
                    b = 0;
                } else if (r == 15 && g == 0 && b == 0) {
                    this.style.background = "#f00"
                };

            };

        };
    };
    </script>
</head>

<body>
    <div class="main" id="main">
        <ul>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                    <li>
                        <div class="body"></div>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</body>

</html>
